define("header", [], (require, exports, module) => {
	exports.done = (bool) => {
		var html = (<div class="header">
			<div class="logo">logo</div>
			<div class="menu">
				<a href="" p-router:href="/toggleMenu">
					<span class="menutitle">menu...</span>
					<i class="icon-down_arrow"></i>
				</a>
				<ul class="hide">
					<li><a href="" p-router:href="/menu?t=home">home</a></li>
					<li><a href="" p-router:href="/menu?t=1">menu</a></li>
					<li><a href="" p-router:href="/menu?t=2">menu</a></li>
					<li><a href="" p-router:href="/menu?t=3">menu</a></li>
					<li><a href="" p-router:href="/menu?t=4">menu</a></li>
					<li><a href="" p-router:href="/menu?t=5">menu</a></li>
					<li><a href="" p-router:href="/menu?t=6">menu</a></li>
					<li><a href="" p-router:href="/menu?t=7">menu</a></li>
				</ul>
			</div>
		</div>);
		var css = bool ? @lessParse(<style>
			@base: 23.44/1rem;
			.header{
				width:100%;
				font-size:14/@base;
				background:#ccc;
				div{
					width:100%;
					&.logo{
						text-align:center;
						padding:10/@base 0;
					}
					&.menu{
						text-align:left;
						background-color:#006400;
						a{
							display:flex;
							color:#fff;
							padding:10/@base 0;
							span{
								width:99%;
								display:block;
								text-indent:10/@base;
							}
							i{
								width:20/@base;
								padding:0 10/@base;
								line-height:20/@base;
								display:block;
								text-align:center;
							}
						}
						ul{
							height:145/@base;
							overflow:scroll;
							overflow-x:hidden;
							background-color:#2f4f4f;
							&.hide{display:none}
							li{
								a{
									display:block;
									text-indent:10/@base;
									padding:5/@base 0;
								}
							}
						}
					}
				}
			}
		</style>) : @lessParse(<style></style>);
		return {
			html: html,
			css: css,
			js: {}
		}
	};
});